<style>
    body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
    }

    body {
        margin-top:60px;
        background-color: #eee;
    }
    /* Set the fixed height of the footer here */
    #push,
    #footer {
        height: 60px;
    }
    #footer {
        background-color: white;
    }
    @media (max-width: 767px) {
        #footer {
            margin-left: -20px;
            margin-right: -20px;
            padding-left: 20px;
            padding-right: 20px;
        }
    }
    .dangnhap {
        margin-top: -20px;
    }

    .form-signin .form-signin-heading,
    .form-signin .checkbox {
        margin-bottom: 10px;
    }
    .form-signin .checkbox {
        font-weight: normal;
    }
    .form-signin .form-control {
        position: relative;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
    }
    .form-signin .form-control:focus {
        z-index: 2;
    }
    .form-signin    input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .reserpwd {
        margin-left: 30%;
    }
</style>
<div class="col-md-2 col-xs-height navshadow">
    <ul class="nav nav-sidebar" >
            <div class="image">
                <img src="<?php echo base_url("public/images/sidebar_logo.jpg"); ?>" alt="logo_image" width="150px" height="150px" class="img-circle">
                <h3>Trung taâm</h3>
            </div>



            <?php
            foreach ($typeCenters as $value) {
                ?>
                <li class="<?php if ($idType == $value['id_type_center']) echo 'center-active' ?>"><a href="<?php echo base_url('index.php/website/center/type/' . $value['id_type_center']); ?>" ><?php echo $value['name_type']; ?></a>

                    <?php
                }
                ?>

        </ul>
    </div>
   <div class="col-md-10 col-xs-height"> 
    <div class="breadcrumbs" style="margin-top: 3%; margin-bottom: 1%;">
        <ul>
            <li><a href="<?php echo base_url("index.php/website/home"); ?>"><span class="glyphicon glyphicon-home"></span> Trang chủ</a></li>
            <li><a href="<?php echo base_url("index.php/website/thanhvien/registration/login"); ?>"><span class="glyphicon glyphicon-file"></span> Đăng nhập</a></li>
        </ul>
    </div>
    <br><br>
    <h2 class="dangnhap" style="color:red; text-align: center; font-size: 1.7em;">Đăng Nhập</h2>
    <hr class="featurette-divider">
    <?php
    $attributes = array('role' => 'form', 'class' => 'form-signin',);
    echo form_open("website/thanhvien/registration/login", $attributes);
    ?>
    <div class="panel panel-primary" style="width:75%; margin-left: 12.5%; ">

        <div class="form-group row">
            <br>
            <div class="col-xs-1"></div>
            <div class="col-xs-3">
                <label class="control-label" style="margin-top:10px;" >Tên đăng nhập</label>
            </div>                        
            <div class="col-xs-7">
                <input type="text" style="height: 40px;" class="form-control" placeholder="Username" id="username" name="username" value="<?php echo set_value('username'); ?>" autofocus/>
                <?php echo form_error('username', '<p class="text-danger" style="font-size:15px;">', '</p>'); ?>
            </div>
            <div class="col-xs-1"></div>
        </div>

        <div class="form-group row">
            <br>
            <div class="col-xs-1"></div>
            <div class="col-xs-3">
                <label class="control-label" style="margin-top:10px;" >Mật khẩu</label>
            </div>                        
            <div class="col-xs-7">
                <input  style="height: 40px;"type="password" id="password"  class="form-control" placeholder="Password"  name="password" value="<?php echo set_value('password'); ?>" autofocus/>
                <?php echo form_error('password', '<p class="text-danger" style="font-size:15px;">', '</p>'); ?>
            </div>
            <div class="col-xs-1"></div>
        </div>

        <div class="form-group row" style="margin-bottom: 40px;">
            <div class="col-xs-1"></div>
            <div class="col-md-4">
                <?php echo form_open("thanhvien/thanhvien/hub_registration"); ?>
                <a class="btn btn-lg btn-success btn-block"  href="<?php echo base_url("index.php/website/thanhvien/registration"); ?>">Đăng Ký</a>
            </div>
            <div class="col-md-6">
                <button class="btn btn-lg btn-primary btn-block" type="submit">Đăng Nhập</button>
            </div>
        </div>
    </div>
    <?php echo form_close(); ?>
    
</div>
</div>

